

#content{
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana;
	font-size: 90%;
}

/****** part container *******/

#parts_container{
	font-size: 80%;
	line-height: 200%;
	margin: 2em 0 0 0;
}
#parts_container .resume_part{
	margin: 4em 0 0 0;
	padding: 0;
}

.resume_part .part_header{
	font-size: 150%;
	width: 20%;							/* same as that of key_text */
	border-bottom: 1px solid #4682B4;
	text-align: center;
}
.resume_part .part_data{
	padding: 1em;	
}
.resume_part p{		/* <P></P> is to identify elements that need to display contents with line-breaks */
	margin: 0;		/* Remove the automatic margin. */
}
.resume_part .partUnit{
	clear: both;
	padding: 1em 0;
}
.resume_part .partItem{
	clear: both;
	overflow: hidden;
}
.resume_part .key_text{ 	/* for both editPart and addPart */
	float: left;
	width: 20%;
	color: #aaaaaa;
	text-align: right;
	padding-right: 1em;
}
.resume_part .value_block{
	width: 70%;
	float: left;
}
.resume_part .plus_button{
	margin-left: 20%;		/* same as key_text width */
	padding-left: 1em;		/* same as key_text padding-right */
}

/*********** edit_part *************/
.resume_part .editPart{
}
.editPart .edit{
}
.editPart .display{
	font-weight: bold;
}
.editPart .delete_button{
	text-align: right;
	margin-top: -1em;
}
.editPart .delete_button button{
	font-size: 90%;
}

/*********** add_part *************/
.resume_part .addPart{
	clear: both;
}
.resume_part .addPart textarea{
	height: 5em;
	width: 20em;
}

/*********** part_footer *************/
.resume_part .part_footer{
	font-size: 150%;
	font-family: arial;
	font-weight: bold;
	float: right;
	color: #23415A;
}
.resume_part .part_footer a{
	margin: 0 0.5em 0 0;
}
